<!DOCTYPE html>
<html lang="en-gb" dir="ltr">

    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>Breadcrumb - UIkit tests</title>
        <script src="js/test.js"></script>
    </head>

    <body>

        <div class="uk-container">

            <h1>Breadcrumb</h1>

            <nav aria-label="Breadcrumb">
                <ul class="uk-breadcrumb uk-width-xlarge">
                    <li><a href="#">Home</a></li>
                    <li><a href="#">Linked Category</a></li>
                    <li class="uk-disabled"><a>Disabled Category</a></li>
                    <li><span aria-current="page">Current Span</span></li>
                </ul>
            </nav>

            <!-- Test space -->
            <nav aria-label="Breadcrumb">
                <ul class="uk-breadcrumb uk-width-xlarge">
                    <li>
                        <a href="#">Home</a>
                    </li>
                    <li>
                        <a href="#">Linked Category</a>
                    </li>
                    <li class="uk-disabled">
                        <a>Disabled Category</a>
                    </li>
                    <li class="uk-disabled">
                        <a>Current Link</a>
                    </li>
                </ul>
            </nav>

            <nav aria-label="Breadcrumb">
                <ul class="uk-breadcrumb">
                    <li><a href="#">Home</a></li>
                    <li><a href="#">Linked Category</a></li>
                    <li><a href="#">Linked Category</a></li>
                </ul>
            </nav>

            <nav aria-label="Breadcrumb">
                <ul class="uk-breadcrumb uk-width-xlarge">
                    <li><a href="#">Home</a></li>
                    <li><a href="#">Linked Category</a></li>
                    <li class="uk-disabled"><a>Disabled Category</a></li>
                    <li><span aria-current="page">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</span></li>
                </ul>
            </nav>

        </div>

    </body>
</html>
